<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="/hdocs/style/css/index.css" type="text/css" rel="stylesheet" />
<link href="/hdocs/style/css/common.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="/hdocs/jquery/js/jquery-1.8.2.js"></script>
<script type="text/javascript" src="/hdocs/jquery/js/jquery.KinSlideshow-1.0.js"></script>
<script type="text/javascript" src="/hdocs/style/js/common.js"></script>
<script type="text/javascript" src="/hdocs/style/js/user.js"></script>
<script type="text/javascript">
$(function(){
	$("#KinSlideshow").KinSlideshow({
			moveStyle:"right",
			titleBar:{titleBar_height:30,titleBar_bgColor:"#666",titleBar_alpha:0.5},
			titleFont:{TitleFont_size:24,TitleFont_color:"#FFFFFF",TitleFont_weight:"normal"},
			btn:{btn_bgColor:"#FFFFFF",btn_bgHoverColor:"#1072aa",btn_fontColor:"#000000",btn_fontHoverColor:"#FFFFFF",btn_borderColor:"#cccccc",btn_borderHoverColor:"#1188c0",btn_borderWidth:1}
	});
})
</script>
<title>瓜朋网-首页</title>
</head>
<body>
      #set ($menuIndex="index") #parse("/inc/header.html")
      <div class="centent">
            <div class="idxLe">
                  <div id="KinSlideshow" class="jdx" style="visibility:hidden;">
                      <a href="/topic/article.jsp?id=$!flashArticles.get(0).id" target="_blank" style="font:24px/60px "微软雅黑"; color:#fff;">
                      		<img src="$!flashArticles.get(0).images[7]" alt="$!flashArticles.get(0).title" width="645" height="280" /></a>
                      <a href="/topic/article.jsp?id=$!flashArticles.get(1).id" target="_blank" style="font:24px/60px "微软雅黑"; color:#fff;">
                      		<img src="$!flashArticles.get(1).images[7]" alt="$!flashArticles.get(1).title" width="645" height="280" /></a>
                      <a href="/topic/article.jsp?id=$!flashArticles.get(2).id" target="_blank" style="font:24px/60px "微软雅黑"; color:#fff;">
                      		<img src="$!flashArticles.get(2).images[7]" alt="$!flashArticles.get(2).title" width="645" height="280" /></a>
                      <a href="/topic/article.jsp?id=$!flashArticles.get(3).id" target="_blank" style="font:24px/60px "微软雅黑"; color:#fff;">
                      		<img src="$!flashArticles.get(3).images[7]" alt="$!flashArticles.get(3).title" width="645" height="280" /></a>
                      <a href="/topic/article.jsp?id=$!flashArticles.get(4).id" target="_blank" style="font:24px/60px "微软雅黑"; color:#fff;">
                      		<img src="$!flashArticles.get(4).images[7]" alt="$!flashArticles.get(4).title" width="645" height="280" /></a>
                      <a href="/topic/article.jsp?id=$!flashArticles.get(5).id" target="_blank" style="font:24px/60px "微软雅黑"; color:#fff;">
                      		<img src="$!flashArticles.get(5).images[7]" alt="$!flashArticles.get(5).title" width="645" height="280" /></a>
                      <p class="jdTex"></p>
                  </div>
                  <p class="h10"></p>
                  <p class="idxTit"><em class="idxEpa"></em><span>编辑推荐</span><a href="#" class="idxMore">更多+</a></p>
                  <p class="h10"></p>
                  <div class="indEdTj">
                        <div class="EdTjLe">
                              <div class="EdTjBox">
                                    <em class="ejPsa fl"><img src="$!leftArticles.get(0).images[0]"/></em>
                                    <div class="ejPsTs ri">
                                          <a href="/topic/article.jsp?id=$!leftArticles.get(0).id" class="ejTsTt" target="_blank">$!leftArticles.get(0).title</a>
                                          <p class="ejTsTy">$!leftArticles.get(0).introduction</p>
                                          <p class="ejTsTo">来自：$!leftArticles.get(0).subjectTitle&nbsp;作者：$!leftArticles.get(0).username</p>
                                    </div>
                              </div>
                              <div class="ejPsTs ri">
                                          <a href="/topic/article.jsp?id=$!rightArticles.get(0).id" class="ejTsTt indent" target="_blank">$!rightArticles.get(0).title</a>
                                          <p class="ejTsTy">$!rightArticles.get(0).introduction</p>
                                          <p class="ejTsTo">来自：$!rightArticles.get(0).subjectTitle&nbsp;作者：$!rightArticles.get(0).username</p>
                              </div>
                        </div>
                        <p class="h10"></p>
                        <p class="h10"></p>
                         <div class="EdTjLe">
                              <div class="EdTjBox">
                                    <em class="ejPsa fl"><img src="$!leftArticles.get(1).images[0]"/></em>
                                    <div class="ejPsTs ri">
                                          <a href="/topic/article.jsp?id=$!leftArticles.get(1).id" class="ejTsTt" target="_blank">$!leftArticles.get(1).title</a>
                                          <p class="ejTsTy">$!leftArticles.get(1).introduction</p>
                                          <p class="ejTsTo">来自：$!leftArticles.get(1).subjectTitle&nbsp;作者：$!leftArticles.get(1).username</p>
                                    </div>
                              </div>
                              <div class="ejPsTs ri">
                                          <a href="/topic/article.jsp?id=$!rightArticles.get(1).id" class="ejTsTt indent" target="_blank">$!rightArticles.get(1).title</a>
                                          <p class="ejTsTy">$!rightArticles.get(1).introduction</p>
                                          <p class="ejTsTo">来自：$!rightArticles.get(1).subjectTitle&nbsp;作者：$!rightArticles.get(1).username</p>
                              </div>
                        </div>
                        <p class="h10"></p>
                        <p class="h10"></p>
                         <div class="EdTjLe">
                              <div class="EdTjBox">
                                    <em class="ejPsa fl"><img src="$!leftArticles.get(2).images[0]"/></em>
                                    <div class="ejPsTs ri">
                                          <a href="/topic/article.jsp?id=$!leftArticles.get(2).id" class="ejTsTt" target="_blank">$!leftArticles.get(2).title</a>
                                          <p class="ejTsTy">$!leftArticles.get(2).introduction</p>
                                          <p class="ejTsTo">来自：$!leftArticles.get(2).subjectTitle&nbsp;作者：$!leftArticles.get(2).username</p>
                                    </div>
                              </div>
                              <div class="ejPsTs ri">
                                          <a href="/topic/article.jsp?id=$!rightArticles.get(2).id" class="ejTsTt indent" target="_blank">$!rightArticles.get(2).title</a>
                                          <p class="ejTsTy">$!rightArticles.get(2).introduction</p>
                                          <p class="ejTsTo">来自：$!rightArticles.get(2).subjectTitle&nbsp;作者：$!rightArticles.get(2).username</p>
                              </div>
                        </div>
                        <p class="h10"></p>
                        <p class="idxTit"><em class="idxEpb"></em><span>达人推荐</span><a href="#" class="idxMore">更多达人+</a></p>
                        <p class="h10"></p>
                        <div class="idxCv">
                              <div class="idxcvLe">
                                      <div class="stbLay">
                                            <div class="laya">
                                                     <em class="yaps"><img src="$!leftDarrens.get(0).images[1]"/></em>
                                                     <div class="layb">
                                                          <a href="/user/index.jsp?accountid=$!leftDarrens.get(0).accountid" class="layc"><em class="ycPs"></em><span class="ycTst ycTsvb">$!leftDarrens.get(0).username</span></a>
                                                          <p class="fbAdress cc">$!leftDarrens.get(0).area</p>
                                                          <p class="fbAdress dd">粉丝$!leftDarrens.get(0).attentions　文章$!leftDarrens.get(0).articles</p>
                                                          <p class="sckl"><span>擅长：</span><a href="#">紫薇</a><a href="#">八字</a><a href="#">紫薇</a><a href="#">八字</a></p>
                                                     </div>
                                            </div>
                                            <a #if($!leftDarrens.get(0).isattention==1) style="display:none;" #end 
	                                       		href="javascript:addDarrenAttention($!leftDarrens.get(0).accountid)" title="关注达人" class="guanz">
	                                       		<em class="addpsa"></em>关注</a>
			                         	    <a #if($!leftDarrens.get(0).isattention==0) style="display:none;" #end 
			                         	   		href="javascript:cancelDarrenAttention($!leftDarrens.get(0).accountid)" title="取消关注" class="guanx">
				                          	 	<em class="addpsb"></em><span>已关注</span>
				                            </a>
                                      </div>
                                      <p class="h10"></p>
                                      <p class="h10"></p>
                                      <p class="h10"></p>
                                      <div class="stbLay">
                                            <div class="laya">
                                                     <em class="yaps"><img src="$!leftDarrens.get(1).images[1]"/></em>
                                                     <div class="layb">
                                                          <a href="/user/index.jsp?accountid=$!leftDarrens.get(1).accountid" class="layc"><em class="ycPs"></em><span class="ycTst ycTsvb">$!leftDarrens.get(1).username</span></a>
                                                          <p class="fbAdress cc">$!leftDarrens.get(1).area</p>
                                                          <p class="fbAdress dd">粉丝$!leftDarrens.get(1).attentions　文章$!leftDarrens.get(1).articles</p>
                                                          <p class="sckl"><span>擅长：</span><a href="#">紫薇</a><a href="#">八字</a><a href="#">紫薇</a><a href="#">八字</a></p>
                                                     </div>
                                            </div>
                                            <a #if($!leftDarrens.get(1).isattention==1) style="display:none;" #end 
	                                       		href="javascript:addDarrenAttention($!leftDarrens.get(1).accountid)" title="关注达人" class="guanz">
	                                       		<em class="addpsa"></em>关注</a>
			                         	    <a #if($!leftDarrens.get(1).isattention==0) style="display:none;" #end 
			                         	   		href="javascript:cancelDarrenAttention($!leftDarrens.get(1).accountid)" title="取消关注" class="guanx">
				                          	 	<em class="addpsb"></em><span>已关注</span>
				                            </a>
                                      </div>
                                 </div>
                                 <div class="idxcvRi">
                                 	   #foreach( $rightDarren in $rightDarrens)
                                       <div class="layam">
                                                <em class="yapsm"><img src="$!rightDarren.images[3]"/></em>
                                                <div class="laybm">
                                                     <a href="/user/index.jsp?accountid=$!rightDarren.accountid" class="laycm"><em class="ycPs"></em><span class="ycTst ycTsvb">$!rightDarren.username</span></a>
                                                     <p class="fbAdress dd">粉丝$!rightDarren.attentions　文章$!rightDarren.articles</p>
                                                </div>
                                       </div>
                                      <p class="h10"></p>
                                      <p class="h10"></p>
                                      #end
                                 </div>
                         </div>
                  </div>
            </div>
            <!--left--up-->
            <div class="idxRi">
            	  #if("$!sessionLoginuser.username"=="")
                  <div class="idxLogin">
                        <div class="lognTex">
                             <div class="lognTevs">
                                  <a href="/auth/register.html" class="addGpBtn">加入瓜朋</a>
                                  <p class="h10"></p>
                                  <p class="addDm">开启一段心灵之旅……</p>
                                  <p class="addxa">已有账号，<a href="/auth/login.html">从这里登录>></a></p>
                             </div>
                             <p class="h10"></p>
                             <p class="h10"></p>
                             <div class="thFriend">
                                  <p class="h10"></p>
                                  <div class="thTable">
                                       <a href="#"><em><img src="/hdocs/style/img/tha.gif"/></em><span>QQ登录</span></a>
                                       <a href="#"><em><img src="/hdocs/style/img/thb.gif"/></em><span>微博登录</span></a>
                                       <a href="#" style="border-right:none;"><em><img src="/hdocs/style/img/thb.gif"/></em><span>豆瓣登录</span></a>
                                  </div>
                             </div>
                        </div>
                        <p class="inLogDm"><img src="/hdocs/style/img/inlDm.jpg"/></p>
                  </div>
                  #else
                  <!--登陆后-->
                  <div class="idxLogiT">
                        <div class="lognTex">
                             <div class="lognTevs">
                                <p class="h10"></p>
                                <p class="h10"></p>
                                <a href="/user/index.jsp" class="dlAFa"><img src="$!account.images[1]"/></a>
                                <div class="alAFb">
                                     <p class="h10"></p>
                                     <a href="/user/index.jsp" class="fbName">$!account.username</a>
                                     <p class="fbAdress">$!account.area</p>
                                     <p class="fbJf">
                                     	<span>擅长：</span>
                                     	#foreach( $skill in $account.skills)
                                       	<a href="#">$!skill</a>
                                       	#end
                                     </p>
                                </div>
                             </div>
                             <p class="h10"></p>
                             <p class="h10"></p>
                             <p class="h10"></p>
                                 <div class="dlAFc">
                                      <p class="dlAFfs"><span class="dlup">$!account.fans</span><span class="dldm">粉丝</span></p>
                                      <p class="dlAFwd"><span class="dlup">$!account.articles</span><span class="dldm">文章</span></p>
                                      <p class="dlAFwz"><span class="dlup">$!account.questions</span><span class="dldm">问题</span></p>
                                 </div>
                               <p class="twabs">
                               		<a href="/topic/addArticleInit.jsp" class="dlafTwa">发表文章</a>
                               		<a href="/faq/addQuestionInit.jsp" class="dlafTwb">我要提问</a>
                               </p>
                        </div>
                        <p class="inLogDm"><img src="/hdocs/style/img/inlDm.jpg"/></p>
                  </div>
                  #end
                  <p class="h10"></p>
                  <p class="h10"></p>
                  <p class="h10"></p>
                  <p class="h10"></p>
                  <p class="idxTit"><em class="idxEpc"></em><span>热门问题</span></p>
                  <p class="h10"></p>
                  <p class="h10"></p>
                  <div class="idxhotx">
                  		#foreach( $question in $hotQuestions)
                        <div class="newSay">
                            <a href="/faq/question.jsp?id=$!question.id" class="saySax">$!question.question</a>
                            <p class="sayNum">$!question.answers</p>
                        </div>
                        <p class="sayName"><em></em><span>作者：$!question.accountInfo.username</span> </p>
                        #end
                  </div>
            </div>
            <!--right--up-->
      </div>
      #parse("/inc/footer.html")
</body>
</html>
